@media (min-width: 992px) {

#mod-card-horizon {
    display: flex;
    width: 100%;
    padding: var(--space-40, 40px) var(--992-1199-page-margin, 82px) var(--space-64, 64px) var(--992-1199-page-margin, 82px);
    flex-direction: column;
    align-items: center;
    gap: var(--space-40, 40px);
}

#mod-card-horizon .container-animate-head .subtitle {
	align-self:stretch;
	margin-block-end: 0;
	margin-block-start: 0;
}

#card-tab-desktop.horizon-card.container-animate-body{
    display:flex !important;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    align-items: stretch;
    height: 438px;
    background: linear-gradient(to right, #FFE6A9 50%, #B3E4C7 50%);
    border-radius: 16px 16px 16px 16px;
}

#card-tab-desktop.container-animate-body .card-tarjeta {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row-reverse;
    overflow: hidden;
    position: absolute;
    transition: background-color 0.3s ease-in-out;
}

#card-tab-desktop .card-tarjeta:nth-child(1){
    border-radius: 16px 0 0 16px;
    z-index: 5;
}

#card-tab-desktop .card-tarjeta:nth-child(2){
    border-radius: 16px 0 0 16px;
    z-index: 4;
}

#card-tab-desktop .card-tarjeta:nth-child(3){
	border-radius: 16px 16px 16px 16px;
	z-index: 3;
	margin-left: 56px;
}

#card-tab-desktop .card-tarjeta.card-active{
    z-index: 6;
}

#card-tab-desktop.container-animate-body .card-tarjeta .card-header {
    background-color: #f8f9fa;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-align: center;
    flex-shrink: 0;
    padding: var(--size-space-40, 40px) var(--space-16, 16px) var(--space-24, 24px);
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    border-color: transparent;
    z-index: 3;
    height: 438px;
    width: 56px;
}

#card-tab-desktop .card-tarjeta .card-header .texto-numero{
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

#card-tab-desktop .card-tarjeta .card-header .tab-block{
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--size-space-16, 16px);
    flex-direction: column;
    width: 100%;
}

#card-tab-desktop .card-tarjeta .card-header#headingOne{
    border-radius: 16px 0 0 16px;
    background: var(--Color-Green-20, #B3E4C7);
    box-shadow: 16px 0px 0px 0px var(--Color-Green-20, #B3E4C7);
}

#card-tab-desktop .card-tarjeta .card-header#headingTwo{
    border-radius: 0 16px 16px 0;
    background: var(--Sky-20, #BEEFFF);
    border: 0;
    box-shadow: 16px 0px 0px 0px var(--Sunset-20, #FFE6A9);
    z-index: 2;
}

#card-tab-desktop .card-tarjeta .card-header#headingThree{
    border-radius: 0 16px  16px 0;
    background: var(--Sunset-20,#FFE6A9);
	box-shadow: 16px 0px 0px 0px var(--Sky-20, #BEEFFF);
    z-index: 2;
}

#card-tab-desktop .card-tarjeta .card-header.active-show#headingThree{
    background: var(--Color-Sunset-10, #FFF7E4);
    border-radius: 0;
    display: none;
}


#card-tab-desktop .card-tarjeta .card-header.active-show#headingOne{
    border-radius: 0;
    display: none;
}

#card-tab-desktop .card-tarjeta .card-header.active-show#headingTwo{
    border-radius: 0;
    display: none;
}

#card-tab-desktop .card-tarjeta .card-header.active-left#headingTwo{
    border-radius: 16px 0 0 16px;
    box-shadow: 16px 0px 0px 0px var(--Sky-20, #BEEFFF);
}

#card-tab-desktop .card-tarjeta .card-header.active-show .texto-numero{
    display: none;
}



#card-tab-desktop .card-tarjeta .card-header.active-show .tab-block{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

#card-tab-desktop .card-tarjeta .card-header .tab-block .texto-vertical{
	color: var(--Color-Content-General-1, #2C2C2C);
	text-align: center;
	writing-mode: sideways-lr;
	margin: 0;
	padding-bottom: 0;
}

#card-tab-desktop .card-tarjeta .card-header.active-show .texto-vertical{
    display:none;
}

#card-tab-desktop .card-tarjeta .card-header button{
    display: flex;
    width: 40px;
    height: 40px;
    padding: var(--space-16, 16px);
    justify-content: center;
    align-items: center;
    border-radius: 31.25px;
    background: var(--Color-Surface-General-1, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

#card-tab-desktop.container-animate-body .card-tarjeta .card-header button {
    text-decoration: none;
    font-weight: 500;
    display: flex;
    width: 40px;
    height: 40px;
    padding: var(--space-16, 16px);
    justify-content: center;
    align-items: center;
    border-radius: 31.25px;
    background: var(--Color-Surface-General-1, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

#card-tab-desktop.container-animate-body .card-tarjeta .card-header button img{
    height: 20px;
    width: 20px;
    min-width: 20px;
}


#card-tab-desktop .card-tarjeta .card-block {
    display: flex;
    flex-direction: row;
    height: 438px;
    width: calc(100vw - 276px);
    z-index: 4;
}

#card-tab-desktop .card-tarjeta .card-block.show {
    z-index: 6;
}

#card-tab-desktop .card-tarjeta #cardBlockOne2.card-block{
    background: var(--Green-10, #D9F1E3);
}

#card-tab-desktop .card-tarjeta #cardBlockTwo2.card-block{
    background: var(--Color-Sky-10, #DFF7FF);
    z-index: 3;
}

#card-tab-desktop .card-tarjeta #cardBlockThree2.card-block{
    background: var(--Color-Sunset-10, #FFF7E4);
    opacity: 0;
    z-index: 3;
}

#card-tab-desktop .card-tarjeta #cardBlockTwo2.card-block.show{
    background: var(--Color-Sky-10, #DFF7FF);
}

#card-tab-desktop .card-tarjeta .card-body {
    display: flex;
    height: auto;
    padding: var(--size-space-24, 24px) var(--size-space-0, 0) var(--space-24, 24px) var(--space-24, 24px);
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: var(--size-space-20, 20px);
    flex: 1 0 0;
}

#card-tab-desktop .card-tarjeta .card-content{
    display: flex;
    padding: var(--size-space-16, 16px) var(--size-space-16, 16px) var(--space-24, 24px) var(--size-space-16, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-24, 24px);
    flex: 1 0 0;
    align-self: stretch;
}

#card-tab-desktop .card-tarjeta .card-content:nth-child(2){
	border-radius: 24px;
	background: var(--Color-Background-General-1, #FFF);
	gap: var(--space-16,16px);
}

#card-tab-desktop .card-tarjeta .card-content .content-modulo-card-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-8, 8px);
    align-self: stretch;
}

#card-tab-desktop .card-tarjeta .card-content .content-modulo-card-header .titulo{
    color: var(--Color-Content-General-1, #2C2C2C);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-bottom: 0;
    padding-bottom: 0;
}

#card-tab-desktop .card-tarjeta .card-content:nth-child(2) .content-modulo-card-header .titulo{
	color: var(--Color-Content-General-2, #707070);

	align-self: stretch;
}

#card-tab-desktop .card-tarjeta .card-content .content-modulo-card-header .sub-titulo{
	color: var(--Color-Content-General-1, #2C2C2C);
	font-feature-settings: 'liga' off, 'clig' off;

	align-self: stretch;
	margin-bottom:0;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list{
	display: flex;
	padding: var(--space-0, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-12, 12px);
	align-self: stretch;
	width: 100%;
	height: auto;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list .module-content-list-item{
	display: flex;
	padding: var(--space-0, 0px);
	align-items: flex-start;
	gap: var(--space-8, 8px);
	align-self: stretch;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list-item img{
	width: var(--Size-icons-s, 24px);
	height: var(--Size-icons-s, 24px);
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-izq .module-content-list-item p{
	display: flex;
	padding-top: var(--space-4, 4px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-2, 2px);
	flex: 1 0 0;


	color: var(--Color-Content-General-1, #2C2C2C);
	font-feature-settings: 'liga' off, 'clig' off;

	align-self: stretch;
	margin-bottom: 0;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der{
	display: flex;
	gap: 0;
	margin: 0;
	padding: 0;
	flex-direction: column;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list{
	display: flex;
	padding: var(--space-0, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--size-space-8, 8px);
	align-self: stretch;
	width: 100%;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list li{
	display: flex;
	padding: var(--space-0, 0px);
	align-items: flex-start;
	gap: var(--space-8, 8px);
	align-self: stretch;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list img{
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list-item div{
	display: flex;
	padding-top: var(--space-4, 4px);
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-2, 2px);
	flex: 1 0 0;
}

#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list-item span{
	color: var(--Color-Content-General-2, #707070);
	font-feature-settings: 'liga' off, 'clig' off;

	align-self: stretch;
}

#card-tab-desktop .card-tarjeta .card-block .card-block-open {
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 24px;
    width: 56px;
    align-items: center;
}

#card-tab-desktop .card-tarjeta .card-block .card-block-open button{
    display: flex;
    width: 40px;
    height: 40px;
    padding: var(--space-16, 16px);
    justify-content: center;
    align-items: center;
    border-radius: 31.25px;
    background: var(--Color-Surface-General-1, #FFF);

    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

#card-tab-desktop .card-tarjeta .card-block .card-block-open button img{
	width: 20px;
	height: 20px;
	min-width: 20px;
}

#card-tab-desktop .card-tarjeta .collapsing {
    transition: unset;
}

#card-tab-desktop .card-tarjeta.slide-activeR{
    animation: slideRight 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta.slide-activeR.card-active{
    animation: slideRight 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta.slide-activeL.card-active{
    animation: slideLeft 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta .card-header#headingTwo.card-header-animateL{
    box-shadow: none;
    background-color: transparent;
    animation: slideLeft 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta .card-header#headingThree.card-header-animateL{
    box-shadow: none;
    background-color: transparent;
    animation: slideLeft 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta .card-block.show .card-body.texto-animacionU{
	position: relative;
    height: 95%;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

#card-tab-desktop .card-tarjeta .card-block.show .card-body.texto-animacionD{
	position: relative;
	height: 100%;
	overflow: hidden;
	transition: height 0.3s ease-in-out;
}

#card-tab-desktop .card-tarjeta .card-header#headingOne.card-header-animateRT{
    box-shadow: none;
    background-color: transparent;
    animation: slideRightRT 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta .card-header#headingTwo.card-header-animateRT0{
    animation: slideRightRT0 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta .card-block.slide-activeR{
    transition: background-color 0.3s ease-in-out;
    animation: slideRight 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

#card-tab-desktop .card-tarjeta .card-block.slide-activeL{
    transition: background-color 0.5s ease-in-out;
    animation: slideLeft 0.3s cubic-bezier(0.42, 0, 0.58, 1.0) forwards;
}

@keyframes slideLeft {
    from { margin-left: 0; }
    to { margin-left: -56px; }
}

@keyframes slideRight {
    from {  margin-left: 0; }
    to { margin-left: 56px;}
}

@keyframes slideRightRT {
    from {  transform: translateX(0); }
    to { transform:translateX(56px);}
}

@keyframes slideRightRT0 {
    from { margin-left:-56px; }
    to { margin-left:0;}
}

}


@media (min-width: 1200px) {

	#mod-card-horizon {
		padding: var(--space-40, 40px) var(--1200-1399-page-margin, 102px) var(--space-64, 64px) var(--1200-1399-page-margin, 102px);}

	#card-tab-desktop .card-tarjeta .card-content{
		padding: var(--size-space-16, 16px) var(--space-24, 24px) var(--space-24, 24px) var(--space-24, 24px);
	}

	#card-tab-desktop.container-animate-body .card-tarjeta .card-header {
        width: 64px;
	}

	#card-tab-desktop .card-tarjeta .card-content .card-izq{
		padding: var(--space-0, 0);
	}

	#card-tab-desktop .card-tarjeta .card-content .contenedor-modulo-card.card-der .module-content-list{height: auto;}

	#card-tab-desktop .card-tarjeta .card-block {
        width: calc(100vw - 332px);
	}

	#card-tab-desktop .card-tarjeta:nth-child(3){
		margin-left: 64px;
	}

	@keyframes slideLeft {
        from { margin-left: 0; }
        to { margin-left: -64px; }
    }

	@keyframes slideRight {
        from {  margin-left: 0; }
        to { margin-left: 64px;}
	}

	@keyframes slideRightRT {
        from {  transform: translateX(0); }
        to { transform:translateX(64px);}
	}

	@keyframes slideRightRT0 {
        from { margin-left:-64px; }
        to { margin-left:0;}
	}
}


@media (min-width: 1920px) {

	#mod-card-horizon {
		padding: var(--space-40, 40px) var(--14001920-page-margin, 324px) var(--space-64, 64px) var(--14001920-page-margin, 324px);
		width: 1920px;
	}

	#card-tab-desktop .card-tarjeta .card-block {
        width: 1144px;
    }

	#card-tab-desktop.horizon-card.container-animate-body{
        width: 1272px;
	}

	#card-tab-desktop .card-tarjeta .card-body {
		padding: var(--space-24, 24px) var(--size-space-0, 0px) var(--space-24, 24px) var(--size-space-64, 64px);
		gap: 56px;
	}

	#card-tab-desktop .card-tarjeta .card-block .card-block-open {
        width: 80px;
	}
}